<template>
    <div class="siteAside-container">
        <Avatar imgUrl="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2F2021%2Fedpic%2F1d%2Fae%2Fc1%2F1daec14a918cf03549cd02a2937736d6_1.jpg&amp;refer=http%3A%2F%2Fup.enterdesk.com&amp;app=2002&amp;size=f9999,10000&amp;q=a80&amp;n=0&amp;g=0n&amp;fmt=jpeg?sec=1642316008&amp;t=926f4cf3e11daf4903248eb4d703e620"/>
        <p>西瓜</p>
        <Menu />
        <Contact />
        <p class="bottomText">黑ICP备17001719号</p>
    </div>
</template>

<script>
import Avatar from "@/components/avatar" //webpack会自动搜取pager目录下index文件
import Contact from "@/components/contact"
import Menu from "@/components/menu"
export default {
    components:{
        Avatar,
        Contact,
        Menu,
    },
}
</script>

<style scoped lang="less">
@import "~@/styles/var.less";
    .siteAside-container{
        width:250px;
        height:100vh;
        background-color:black;
        text-align:center;
        color:#eee;
        font-size:25px;
        overflow-y:auto;
        scroll-behavior:auto;
        .bottomText{
            color:darken(@gray, 60%);
            font-size:12px;
        }
        p{
            margin-top:20px;
        }
    }
</style>